.help-contact-form {
	.form-textarea {
		// Fix the width of our text area so that it can only be resized vertically
		resize: vertical;
	}

	.form-button {
		margin-top: 11px;
	}
}

.help-contact-form__subject,
.help-contact-form__site-selection,
.help-contact-form__selection {
	margin-bottom: 24px;

	@include breakpoint( '>960px' ) {
		margin-bottom: 32px;
	}
}

.help-contact-form__selection {
	.select-dropdown__container {
		// Make the dropdown span the width of the page
		width: 100%;
	}

	.segmented-control {
		// Hide the segmented control by default since it's only viewable in browsers wider than 960px
		display: none;
	}

	@include breakpoint( '>960px' ) {
		.segmented-control {
			// Show the segmented control when the browser is wider than 960px
			display: flex;
		}

		.segmented-control__text {
			font-size: 14px;
			line-height: 18px;
		}

		.select-dropdown {
			// Hide the dropdown since we are now displaying the segmented control
			display: none;
		}
	}
}

.help-contact-form__selection-subtext {
	display: block;
	font-size: 11px;
	line-height: 16px;
}

.help-contact-form__title {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
